.Tkuang{
  text-align:center;
  width:50%;
  height:25px;
  background: #FFF;
  position: absolute;
  left:50%;
  top:50%;
  margin-top:-12px;
  margin-left: -25%;
  border-radius:10px;
  .sou{
    width:17px;
    height: 16px;
    background: url("../img/search.png") no-repeat;
    background-size: 17px 16px;
    display:inline-block;
    position: absolute;
    left:16px;
    top:50%;
    margin-top:-8px;
  }
  input{
    border:none;
    color:#ccc;
    margin-top:6px;
    width:66%;
    display:block;
    position:absolute;
    left:50%;
    margin-left:-28%;
  }
  .wei{
    background: url("../img/erwei.png") no-repeat;
    width:15px;
    height: 14px;
    background-size: 100% 100%;
    display:inline-block;
    position: absolute;
    right:6px;
    top:50%;
    margin-top: -6px;
  }
}
.phone{
    width:22px;
    height:20px;
    background: url("../img/phone.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    right:45px;
    top:50%;
    margin-top: -10px;
  }
.info {
    width:22px;
    height:20px;
    background: url("../img/info.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    right:12px;
    top:50%;
    margin-top: -10px;
}
#b_info{
  width:100%;
  overflow:auto;
  padding-bottom: 96px;
}
.menu{
  height:160px;
  overflow:hidden;
}
.banner{
  width:96%;
  margin:0 auto;
  overflow:hidden;
  .one{
    display: block;
    width:100%;
    height:auto;
    min-height: 80px;
    background:url("../img/banner.jpeg") no-repeat;
    background-size: 100% 100%;
  }
  .two{
    display: block;
    width:100%;
    height:auto;
    min-height: 80px;
    background:url("../img/banner1.jpeg") no-repeat;
    background-size: 100% 100%;
  }
}
.heng{
  height:60px;
  border:2px solid #eeeeee;
  border-left:none;
  border-right:none;
}
.swiper-container{
  width: 100%;
  height:100%;
  .swiper-slide{
    width: 100%;
    height:100%;
    background: #FFF;
    li{
      margin-top:18px;
    }
    a{
      width:20%;
      height:43px;
      position: relative;
      display: inline-block;
      text-align: center;
      font-size: 12px;
      color:#8c8c8b;
      line-height:24px;
    }
    li:nth-of-type(1){
      a{
        &:nth-child(1){
          em{
            background-position:0px 0px;
          }
         }
        &:nth-child(2){
          em{
            background-position:-54px 0px;
          }
        }
        &:nth-child(3){
          em{
            background-position:-108px 0px;
          }
        }
        &:nth-child(4){
          em{
            background-position:-162px 0px;
          }
        }
        &:nth-child(5){
          em{
            background-position:-216px 0px;
          }
        }
      }
      em{
        width:29px;
        height:29px;
        background:url("../img/lh.png") no-repeat;
        background-size: 245px 29px;
        display:block;
        margin:0 auto;
      }
    }
    li:nth-of-type(2){
      width:100%;
      a{
        &:nth-child(1){
          em{
            background-position:0px 0px;
          }
        }
        &:nth-child(2){
          em{
            background-position:-54px 0px;
          }
        }
        &:nth-child(3){
          em{
            background-position:-108px 0px;
          }
        }
        &:nth-child(4){
          em{
            background-position:-162px 0px;
          }
        }
        &:nth-child(5){
          em{
            background-position:-216px 0px;
          }
        }
      }
      em{
        width:29px;
        height:29px;
        background:url("../img/lh2.png") no-repeat;
        background-size: 245px 29px;
        display:block;
        margin:0 auto;
        }
    }
  }
}
.heng li{
  width:100%;
  height:29px;
  line-height: 29px;
  &:nth-of-type(1){
    border-bottom: 2px solid #eeeeee;
  }
  a{
    width:33.3%;
    height:29px;
    display:inline-block ;
    border-right: 2px solid #eeeeee;
    font-size: 12px;
    position:relative;
    text-align:center;
    padding-left:24px;
    img{
      width:18px;
      height:18px;
      position: absolute;
      left:20%;
      top:50%;
      margin-top:-9px;
    }
    &:last-child{
      border-right:none;
    }
  }
}
.jing_info{
  margin:8px 0 8px 0;
  p{
    height:18px;
    line-height: 18px;
    margin-left: 8px;
    img{
      &:first-child{
        width:18px;
        height:18px;
        vertical-align: middle;
      }
      &:last-child{
        height: 22px;
      }
    }
   span{
     width:72%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow:ellipsis;
     display: inline-block;
     color:#888887;
     padding-left: 6px;
   }
  }
  li{
    width:100%;
    margin-top:10px;
    &:nth-child(1){
      a{
        height:auto;
        &:nth-child(1){
        span{
          color:#a0caf2;
        }
      }
        &:nth-child(2){
          background: #fff0f8;
          span{
            color:#d20922;
          }
        }
        &:nth-child(3){
          background: #fffce8;
          span{
            color:#ff5400;
            img{
              padding-right: 4px;
            }
          }
        }
        span{
          padding-top:6px;
          display: inline-block;
        }
        small{
          font-size: 12px;
          color:#b7bebf;
          font-weight: normal;
        }
      }
    }
    &:nth-child(2),&:nth-child(3){
      a{
        height:28px;
      line-height: 28px;
      }
    }
    a{
      background:#eafcff;
      display: inline-block;
      width:30%;
      margin-left:8px;
      text-align: center;
      border-radius: 4px;
      color:#464747;
      font-weight:bold;
    }
  }
}
.tkd{
   position:absolute;
   top:50%;
   display:none;
  width:100%;
  min-height:300px;
  height:auto;
  background:#FFF;
  z-index:999;
  img{
    width:63px;
    height:73px;
    position: relative;
    top:10px;
    left:50%;
    margin-left:-36px;
  }
  ul{
    text-align:center;
    margin-top:9px;
    li{
      padding-top:13px;
      &:nth-child(1){
        color:#33bd61;
        font-size:22px;
      }
      &:nth-child(2){
        color:#686868;
      }
    }
  }
  ol{
    text-align: center;
    margin-top:10px;
    li{
      width:96%;
      height:34px;
      border-radius:6px;
      color:#FFF;
      margin:8px auto;
      line-height:34px;
      &:nth-child(1){
        background: #fca542;
      }
      &:nth-child(2){
        background: #999999;
      }
    }
  }
}
.plugin{
  display:none;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:#FFF;
 z-index:99;
  .header{
    background: #FFF;
    height:44px;
    line-height:44px;
    border-bottom:1px solid #CCC;
    .head-left{
      width:10%;
      .left-arrow{
        @include left-arrow($left:14px,$top:18px);
      }
    }
    .head-center{
      width:78%;
      border:1px solid #CCC;
      position: absolute;
      left:50%;
      margin-left:-40%;
      height:30px;
      line-height:30px;
      background:#E5E5E5;
      top:50%;
      margin-top:-15px;
      border-radius:4px;
      input{
        border:none;
        background: none;
      }
      i{
        background:url(../img/grays.png) no-repeat left center;
        background-size:100% 100%;
        width:14px;
        height:14px;
        display: inline-block;
        margin:6px 0 0 6px;
      }
    }
    .head-right{
      width:10%;
      span{
        width:17px;
        height:17px;
        display: inline-block;
        position: absolute;
        right:14px;
        top:50%;
        margin-top:-8px;
        &:nth-child(1){
          background:url(../img/search.png) no-repeat left center;
          background-size:100% 100%;
        }
      }
    }
  }
  .cont{
   margin:0 10px;
    .p1{
      line-height:40px;
      height:40px;
      border-bottom:1px solid #eee;
      font-size:0.8rem;
      color:#a7a7a7;
    }
    ul{
      width:100%;
      overflow:hidden;
      li{
        width:21%;
        height:40px;
        line-height:40px;
        text-align:center;
        border:1px solid #eee;
        float:left;
        margin:2%;
        color:#a7a7a7;
        font-size:0.8rem;
      }
    }
    .p2{
      line-height:40px;
      height:40px;
      text-align:center;
      border-bottom:1px solid #eee;
      color:$bakcolor;
    }
    .p3{
      line-height:40px;
      height:40px;
      border-bottom:1px solid #eee;
      color:#a7a7a7;
    }
  }
}
.hotelcity{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  z-index: 9999;
  -webkit-transition: transform .25s ease-in;
  transition: transform .25s ease-in;
  .header{
    background: #FFF;
    height:44px;
    line-height:44px;
    border-bottom:1px solid #CCC;
    text-align:center;
    .back{
      position: absolute;
      left:14px;
      margin-top:0;
    }
  }
}
